<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>wap</title>

    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../jscript/datepicker/daterangepicker-bs3.css">

    <link rel="stylesheet" href="../css/webWeather.css">
    <link rel="stylesheet" href="../css/fileUpload.css" />
    <link rel="stylesheet" href="../css/public.css">
    <!--<link rel="stylesheet" href="../css/weatherConditions.css">-->
</head>
<body>
	<nav class="navTitle">
		<a href="webWeather.html" class="activePc">数据查看</a>
		<a href="fileUpload.html">上传气象报道</a>
	</nav>
	<hr style="height:1px;background: #c7c5c5;"/>
<div class="wrap">
    <div class="main">
        <!--<div class="place">-->
            <!--<span>商河：</span>-->
            <!--<span>城北站 13mm，城南站 12mm......</span>-->
        <!--</div>-->
        <div class="mainTop clearfix">
            <section class="wrapper_weatherConditions" id="wrapper_weatherConditions">
                <div class="area_weatherConditions">
                    <span class="position_weatherConditions"></span>
                    <span class="areaName_weatherConditions">商河</span>
                </div>
                <!--<div class="weatherIcon_weatherConditions">-->
                <!--<img src="./../images/img/CLEAR_DAY.png" alt="">-->
                <!--</div>-->
                <!--<div class="temperature_weatherConditions">-->
                <!--<span class="num_weatherConditions">20</span>-->
                <!--<span class="mark_weatherConditions">°C</span>-->
                <!--</div>-->
                <!--<div class="details_weatherConditions">-->
                <!--<div class="item_weatherConditions">-->
                <!--<img class="pressure_weatherConditions" src="./../images/icon/pressure.png" alt="">-->
                <!--<ul class="ul_weatherConditions">-->
                <!--<li>气压</li>-->
                <!--<li>200Mpa</li>-->
                <!--</ul>-->
                <!--<span class="line_weatherConditions"></span>-->
                <!--</div>-->
                <!--<div class="item_weatherConditions">-->
                <!--<img class="wind_weatherConditions" src="./../images/icon/wind.png" alt="">-->
                <!--<ul class="ul_weatherConditions">-->
                <!--<li>西北风</li>-->
                <!--<li>四级</li>-->
                <!--</ul>-->
                <!--<span class="line_weatherConditions"></span>-->
                <!--</div>-->
                <!--<div class="item_weatherConditions">-->
                <!--<img class="humidity_weatherConditions" src="./../images/icon/humidity.png" alt="">-->
                <!--<ul class="ul_weatherConditions">-->
                <!--<li>湿度</li>-->
                <!--<li>80%</li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--</div>-->
                <!---->
            </section>
            <div class="chartCon">
                <div class="description_weatherConditions">未来2小时的降水量</div>
                <div class="forecastCharts">
                    <h5 class="ellipsis">未来两小时有降雨 记得带伞哦~</h5>
                    <div id="chartsWrap" class="chartsWrap"></div>
                    <ul class="description">
                        <li>大</li>
                        <li>中</li>
                        <li>小</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--24小时逐3小时预报-->
        <div class="hour">
            <h4>未来24小时逐3小时天气预报</h4>
            <div class="hourWrap">
                <ul id="hourWrap">
                    <!--<li class="list">-->
                    <!--<p class="time">23:00</p>-->
                    <!--<p class="weatherIcon"><img src="" alt=""></p>-->
                    <!--<p class="temperature">20℃</p>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>

        <div class="bottom">
            <h5>商河7日天气预报</h5>
            <div class="weekWrap">
                <ul id="weekList" class="weekList">
                </ul>
            </div>
        </div>
        <!--pdf-->
        <div id="webPdf" class="webPdf">
            <iframe src="./pdfjs/web/loadPdfviewer.html" frameborder="0"></iframe>
        </div>
        <!--暂时隐藏-->
        <div class="time" style="display: none">
            <input type="text" class="stime" id="sTime" placeholder="开始日期">
            <span>-</span>
            <input type="text" class="etime" id="eTime" placeholder="结束日期">
            <span class="btn" id="timeBtn">查询</span>
        </div>
        <section class="dataDisplay_weatherConditions">
        	 	<iframe src="weatherConditions.html" style="width: 100%;height:100%;" frameborder="0">
        	 		
        	 	</iframe>
            <!--<div class="bj_weatherConditions">
                <select  class="select_weatherConditions" id="select_weatherConditions">
                </select>
            </div>
            <ul class="buttonGroups_weatherConditions" id="rainButton_weatherConditions">
                <li class="current_weatherConditions" dataKey="today">今日累计对比</li>
                <li dataKey="L6">过去6小时</li>
                <li dataKey="L24">过去24小时</li>
            </ul>
            <span class="fabu"></span>
            <div class="padding_weatherConditions">
                <div id="rain_weatherConditions" class="echarts_weatherConditions"></div>
            </div>
            <ul class="buttonGroups_weatherConditions" id="windButton_weatherConditions">
                <li class="current_weatherConditions" dataKey="now">当前风向风速对比</li>
                <li dataKey="today">今日风向风速对比</li>
            </ul>
            <div class="padding_weatherConditions">
                <div class="echarts_weatherConditions" id="wind_weatherConditions"></div>
            </div>
            <div class="padding_weatherConditions">
                <div class="echarts_weatherConditions" id="temp_weatherConditions"></div>
            </div>
            <div class="mark_weatherConditions" id="mark_rain"></div>-->
        </section>

    </div>
</div>
</body>
</html>
<script src="../jscript/jquery-2.0.3.js"></script>
<script src="../jscript/datepicker/moment.min.js"></script>
<script src="../jscript/datepicker/daterangepicker.js"></script>
<script src="../jscript/echarts.js"></script>
<script src="../js/webWeather.js"></script>
<script src="../js/webWeatherSub.js"></script>
<script>
//    $('#webPdf').load("pdfjs/web/loadPdfviewer.html");
var beginTimeTake;
$('#sTime').daterangepicker({
    singleDatePicker: true,   //设置为单个的datepicker
    showDropdowns: true,      //当设置值为true的时候，允许年份和月份通过下拉框的形式选择 默认false
    autoUpdateInput: false,   //1.当设置为false的时候,不给与默认值(当前时间)2.选择时间时,失去鼠标焦点,不会给与默认值 默认true
    timePicker24Hour : true,  //设置小时为24小时制
    timePicker : true,        //可选中时分 默认false
    "locale": {
        format: 'YYYY-MM-DD',
        applyLabel: "确定",
        cancelLabel: "取消",
        resetLabel: "重置",
    }
});

$('#eTime').daterangepicker({
    singleDatePicker: true,   //设置为单个的datepicker
    showDropdowns: true,      //当设置值为true的时候，允许年份和月份通过下拉框的形式选择 默认false
    autoUpdateInput: false,   //1.当设置为false的时候,不给与默认值(当前时间)2.选择时间时,失去鼠标焦点,不会给与默认值 默认true
    timePicker24Hour : true,  //设置小时为24小时制
    timePicker : true,        //可选中时分 默认false
    "locale": {
        format: 'YYYY-MM-DD',
        applyLabel: "确定",
        cancelLabel: "取消",
        resetLabel: "重置",
    }
});
</script>